// 默认样式设置
body,h1,h2,h3,h4,h5,h6,hr, p, blockquote, dl, dt, dd, ul, ol, li, pre,form, fieldset, legend, button, input, textarea, th, td { 
	margin:0;
	padding:0;
 }

body,button, input, select, textarea {
 	font-size:14px;
 	font-family:"微软雅黑",Arial;
 }

h1,h2,h3,h4,h5,h6{ 
   font-size:100%;
 }

address,cite, dfn, em, var { 
	font-style:normal;
 }
ul,ol {
   list-style:none;
 }

a {
  text-decoration:none;
  color:#666;
 }
sup{ 
  vertical-align:text-top;
 }

sub{ 
  vertical-align:text-bottom;
 }

legend{
  color:#000;
 }

fieldset,img {
  border:0;
 }

button,input, select, textarea {
	font-size:100%;
 }

table{ 
	border-collapse:collapse;
    border-spacing:0;
 }
.wrap{
 	width:1200px;
 	margin:0 auto;
}
// 清除浮动
.clear{
	content:"";
	clear:both;
}
body{
	background:#fff;
}
// 多息猫找回密码头部
.header{
	height:111px;
	background:#FAFAFA;
	line-height:111px;
	box-shadow:0 2px 6px rgba(137,6,126,0.08);
	.nav_img{
		float:left;
		img{
			margin-top:15px;
		}

	}
	.text,.success{
		margin-left:64px;
		float:left;
		span{
			font-size:24px;
			color:#666;
		}
	}
	
}
// 主体内容范围
.main{
	.banner_content{
		position:relative;
		background:#ab0cb5;
		.wrap{
			width:1200px;
			margin: auto;
			position:relative;
			.login_box{
				position:absolute;
				top:50px;
				right:0;
				background:#fafafa;
				.title{
					padding:20px 0 20px 24px;
					border-bottom:1px solid #f2f2f2;
					span{
						font-size:20px;
						color:#AF7334;
						font-weight:bold;

					}
				}
				.item{
					padding:0 24px 30px 24px;
					border-bottom:1px solid #f2f2f2;
					// 默认状态
					.default{
						width:304px;
						height:22px;
						border:1px solid #F6C090;
						background:#FEF4E5;
						margin-top:5px;
						i{
							display:inline-block;
							width:42px;
							height:24px;
							background:url(../img/suggest.png) 0 2px no-repeat;
							vertical-align:middle;
							margin-left:10px;
						}
						span{
							display:inline-block;
							font-size:12px;
							color:#666;
							margin-left:-15px;
						}
					}
					
					// 用户名错误
					.name_wrong{
						width:304px;
						height:22px;
						border:1px solid #F6C090;
						background:rgb(255,235,235);
						margin-top:5px;
						i{
							display:inline-block;
							width:42px;
							height:24px;
							background:url(../img/error.png) 0 2px no-repeat;
							vertical-align:middle;
							margin-left:10px;
						}
						span{
							display:inline-block;
							font-size:12px;
							color:#E4393C;
							margin-left:-15px;
						}
					}
					// 密码错误
					.password_wrong{
						width:304px;
						height:22px;
						border:1px solid #F6C090;
						background:rgb(255,235,235);
						margin-top:5px;
						i{
							display:inline-block;
							width:42px;
							height:24px;
							background:url(../img/error.png) 0 2px no-repeat;
							vertical-align:middle;
							margin-left:10px;
						}
						span{
							display:inline-block;
							font-size:12px;
							color:#E4393C;
							margin-left:-15px;
						}
					}
					// 用户名与密码不配
					.not_match{
						width:304px;
						height:22px;
						border:1px solid #F6C090;
						background:rgb(255,235,235);
						margin-top:5px;
						i{
							display:inline-block;
							width:42px;
							height:24px;
							background:url(../img/error.png) 0 2px no-repeat;
							vertical-align:middle;
							margin-left:10px;
						}
						span{
							display:inline-block;
							font-size:12px;
							color:#E4393C;
							margin-left:-15px;
						}
					}
					// 密码冻结时
					.frozing{
						width:304px;
						height:22px;
						border:1px solid #F6C090;
						background:rgb(255,243,234);
						margin-top:5px;
						i{
							display:inline-block;
							width:42px;
							height:24px;
							background:url(../img/danger.png) 0 2px no-repeat;
							vertical-align:middle;
							margin-left:10px;
						}
						span{
							display:inline-block;
							font-size:12px;
							color:#ffb027;
							margin-left:-15px;
						}
					}
					.name{
						margin-top:5px;
						span{
							float:left;
							height:38px;
							display:inline-block;
							width:40px;
							border:1px solid #BBB;
							border-right:0;
							background:url(../img/avatar1.png) no-repeat;
						}
						input{
							float:right;
							height:36px;
							width:265px;
							outline:0;
							text-indent:15px;
						}

					}
					.password,.password_empty{
						margin-top:20px;
						span{
							float:left;
							height:38px;
							display:inline-block;
							width:40px;
							border:1px solid #BBB;
							border-right:0;
							background:url(../img/password1.png)no-repeat;
						}
						input{
							float:right;
							height:36px;
							width:265px;
							outline:0;
							text-indent:15px;
						}

					}

					// 手机号或者密码错误时的状态
					.name_error{
						margin-top:5px;
						span{
							float:left;
							height:38px;
							display:inline-block;
							width:40px;
							border:1px solid #e4393c;
							border-right:0;
							background:rgb(255,235,235) url(../img/avatar2.png)no-repeat;
							
						}
						input{
							float:right;
							height:38px;
							width:267px;
							outline:0;
							text-indent:15px;
							border:1px solid #e4393c;
						}
					}
					.password_error{
						margin-top:20px;
						span{
							float:left;
							height:38px;
							display:inline-block;
							width:40px;
							border:1px solid #e4393c;
							border-right:0;
							background:rgb(255,235,235) url(../img/password2.png)no-repeat;
							
						}
						input{
							float:right;
							height:38px;
							width:267px;
							outline:0;
							text-indent:15px;
							border:1px solid #e4393c;
						}
					}
					// 正在输入状态
					.password_ready{
						margin-top:20px;
						span{
							float:left;
							height:38px;
							display:inline-block;
							width:40px;
							border:1px solid #BBB;
							border-right:0;
							background:#ddd url(../img/password1.png)no-repeat;
						}
						input{
							float:right;
							height:36px;
							width:265px;
							outline:0;
							text-indent:15px;
						}

					}
					.name_ready{
						margin-top:5px;
						span{
							float:left;
							height:38px;
							display:inline-block;
							width:40px;
							border:1px solid #BBB;
							border-right:0;
							background:#ddd url(../img/avatar1.png) no-repeat;
						}
						input{
							float:right;
							height:36px;
							width:265px;
							outline:0;
							text-indent:15px;
						}

					}
					.choose{
						margin-top:20px;
						width:306px;
						.left{
							float:left;
							label{
								font-size:12px;
								color:#666;
							}
						}
						.right{
							float:right;
							span{
								font-size:12px;
								color:#666;
							}
						}

					}
					.login{
						margin-top:20px;
						a{
							display:inline-block;
							width:306px;
							height:34px;
							background:#D77814;
							line-height:34px;
							text-align:center;
							span{
								font-size:16px;
								color:#fff;
							}
						}
					}
					.loading{
						margin-top:20px;
						a{
							display:inline-block;
							width:306px;
							height:34px;
							background:#D77814;
							line-height:34px;
							text-align:center;
							span{
								font-size:16px;
								color:#fff;
							}
						}
					}
				}
				.bottom{
					padding:14px 0 20px 24px;
					i{
						display:inline-block;
						width:20px;
						height:19px;
						background:url(../img/register.png) no-repeat;
						vertical-align:middle;
					}
					a{
						font-size:14px;
						color:#DA251D;
					}

				}
			}
		}
	}
	.intro{
		margin-top:40px;
		.left{
			float:left;
			span{
				color:#999;
				font-size:12px;
				font-family:Arial;
			}
		}
		.right{
			float:right;
			span{
				font-size:12px;
				font-family:SimSun;
				color:#bbbbbb;
			}
		}
	}
	.care{
		text-align:right;
		span{
			font-size:12px;
			font-family:SimSun;
			color:#bbbbbb;
		}
	}
}